<!DOCTYPE html>
<html lang="zh_CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>创数云</title>
    <link href="https://cdn.bootcss.com/minireset.css/0.0.2/minireset.min.css" rel="stylesheet">
    <link href="https://cdn.bootcss.com/Swiper/4.3.0/css/swiper.min.css" rel="stylesheet">
    <link href="https://cdn.bootcss.com/bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_mkjnjoqww9v34n29.css">
    <!-- inject:css -->
    <link rel="stylesheet" href="css/common.css">
    <!-- endinject -->
    <!-- index:css -->
    <link rel="stylesheet" href="less/index.css">
    <!-- endinject -->
</head>

<body>
    <!-- header -->
    <div class="cdc-menu">
        <div class="container clearfix">
            <div class="cdc-logo pull-left">
                <img src="img/logo.png" alt="">
            </div>
            <div class="pho-btn-icon"><span class="iconfont icon-menu"></span></div>
            <div class="cdc-menu-warp">
                <ul class="cdc-menu-list">
                    <li><a href="index.html" class="active">首页</a></li>
                    <li><a href="login.html">登陆</a><span>/</span><a href="register.html">注册</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- header end -->

    <!-- banner -->
    <div class="banner1">
        <div class="swiper-containers">
            <div class="swiper-wrapper">
                <img class="swiper-slide" src="./img/banner10.png" alt="">
                <img class="swiper-slide" src="./img/banner10.png" alt="">
                <img class="swiper-slide" src="./img/banner10.png" alt="">
            </div>
        </div>
    </div>
    <div class="banner">
        <div class="swiper-container ">
            <div class="swiper-wrapper">
                <img class="swiper-slide" src="./img/banner-6.png" alt="">
                <img class="swiper-slide" src="./img/banner-6.png" alt="">
                <img class="swiper-slide" src="./img/banner-6.png" alt="">
            </div>
        </div>
        <div class="container">
            <div class="chuangshu-yanjiu row">
                <div class="col-md-6">
                    <div class="word-title">研究，从未如此轻松</div>
                    <div class="word-english">Do research much more conveniently</div>
                    <div class="word-line"></div>
                    <div class="word-des">便捷一点</div>
                    <div class="word-des">规范一些些</div>
                    <div class="word-des">只为成果更多、更快、更全</div>
                </div>
            </div>
        </div>
    </div>
    <!-- banner end -->
    <!-- company -->
    <div class="company cdc-page">
        <div class="container">
            <div class="company-row row">
                <div class="col-md-6 col-sm-6 hidden-xs">
                    <img src="./img/square.png" alt="" class="img-responsive">
                </div>
                <div class="col-md-6 col-sm-6 col-xs-12 company-row-text">
                    <div class="company-word">
                        <div class="company-title">公司简介</div>
                        <div class="company-about">ABOUT THE ESTATE</div>
                        <div class="company-des">麦智®医研是一家致力于提升、解读、转化临床数据的企业。秉持临 床数据的有效利用；寻找人群中最佳的治疗模式来减小医疗差异带来 的不平衡；探索个体最佳的治疗模式推动人类进入个性化医疗时代； 关注成本效益，为医药企业和政府提供决策依据；发现临床指南的现 实差距，反映真实世界的医疗现状。
                            <br> 我们的使命是为医研提供更便捷的操作，带来更规范的数据。
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 visible-xs-block">
                    <img src="./img/square.png" alt="" class="img-responsive">
                </div>
            </div>
        </div>
    </div>
    <!-- company end -->
    <!-- business -->
    <div class="business cdc-page">
        <div class="container">
            <div class="business-title">
                <div class="title-bus">业务领域</div>
                <div class="title-english">Business Area</div>
            </div>
            <div class="imformation row">
                <div class="col-xs-12 col-sm-5 col-sm-offset-1 col-md-4 col-md-offset-2">
                    <div class="imformation-left">
                        <div class="information-left-img">
                            <img class="bg-hover" src="./img/bg2.png" alt="">
                            <div class="data-img"></div>
                        </div>
                        <div class="database">
                            <p>数据库</p>
                            <div class="data-line">
                                <img src="./img/line.png" alt="">
                            </div>
                            <p>操作简易、数据格式规范、内置丰富模板，量身打造直接上手的助研工具</p>
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-5 col-md-4">
                    <div class="imformation-left">
                        <div class="information-left-img">
                            <img class="bg-hover" src="./img/bg1.png" alt="">
                            <div class="data-img2"></div>
                        </div>
                        <div class="database">
                            <p>数据挖掘</p>
                            <div class="data-line">
                                <img src="./img/line.png" alt="">
                            </div>
                            <p>数据清洗（包括数据管理，分析数据库生成）及统计分析（包括撰写SAR）</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- business end -->
    <!-- product -->
    <div class="product cdc-page">
        <div class="container">
            <div class="product-title">
                <p>简约而不简单</p>
                <p>不知从何开始设计？那就用设计好的！</p>
            </div>
            <div class="product-intro">
                <div class="containers row">
                    <div class="col-md-6 col-sm-12 item">
                        <div>
                            <div class="intro-bg">
                                <img src="./img/pd4.png" alt="">
                            </div>
                            <p>简易</p>
                        </div>
                        <div>
                            <div class="intro-bg">
                                <img src="./img/pd3.png" alt="">
                            </div>
                            <p>规范</p>
                        </div>
                    </div>
                    <div class="col-md-6 col-sm-12 item">
                        <div>
                            <div class="intro-bg">
                                <img src="./img/pd2.png" alt="">
                            </div>
                            <p>集成</p>
                        </div>
                        <div>
                            <div class="intro-bg">
                                <img src="./img/pd1.png" alt="">
                            </div>
                            <p>定制</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- product end -->
    <!-- scoop -->
    <div class="scoop cdc-page">
        <div class="container">
            <div class="scoop-title">
                <p>挖，直至挖到真实</p>
                <p>大海捞针亦需有证可循</p>
            </div>
            <div class="scoop-img row" style="margin:0">
                <div class="col-xs-12 col-sm-12 col-md-6 ">
                    <img src="./img/tree.png" alt="">
                </div>
                <div class="col-xs-12 search col-sm-12 col-md-6">
                    <img src="./img/search.png" alt="">
                </div>
            </div>
        </div>
    </div>
    <!-- scoop end -->
    <!-- edc -->
    <div class="edc cdc-page">
        <div class="container">
            <div class="edc-title">
                <p>三分钟了解CDC</p>
            </div>
            <div class="edc-video">
                <video controls src="http://vjs.zencdn.net/v/oceans.mp4">
                    您的浏览器不支持该视频播放
                </video>
            </div>
        </div>
    </div>
    <!-- edc end -->
    <!-- feature -->
    <div class="feature cdc-page">
        <div class="container">
            <div class="feature-title">
                <p>产品介绍</p>
                <p>what is CDC ？</p>
            </div>
            <div class="row">
                <div class="feature-nav">
                    <div class="col-md-6 col-xs-12">
                        <div class="feature-left">
                            <div class="feature-word">
                                <div class="feature-line"></div>
                                <p>创数云（CDC）是基于临床科研工作者真实场景量“需”打造的一款助研工具。通过创数云工具，医研工作者可以自由搭建包括极简版、标准版或定制版在内的临床科研数据库。</p>
                                <p>作为一款更便捷，更创新，更"研"性的临床科研工具，创数云操作简易、数据格式规范、内置丰富模板、切实考虑用户体验，为临床科研路的攀登提供助益。</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 col-xs-12">
                        <img src="./img/feature.png" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- feature end -->
    <!-- character -->
    <div class="character cdc-page">
        <div class="container">
            <div class="character-title">
                <p>产品特性</p>
                <p>why is CDC ？</p>
            </div>
            <div class="row">
                <div class="character-nav">
                    <div class="col-md-4">
                        <div class="character-left">
                            <div class="character-list">
                                <img src="./img/character6.png" alt="">
                                <div class="list-word">
                                    <p>结构化</p>
                                    <p>细化临床科研需求，实现数据结构化，为统计分析及多中心协作做好系统基础</p>
                                </div>
                            </div>
                            <div class="character-list">
                                <img src="./img/character5.png" alt="">
                                <div class="list-word">
                                    <p>更简易</p>
                                    <p>极简界面、拖拽操作、常用组件，想医研所想，铺医研未想之路</p>
                                </div>
                            </div>
                            <div class="character-list">
                                <img src="./img/character4.png" alt="">
                                <div class="list-word">
                                    <p>更齐全</p>
                                    <p>丰富的数据集模板、数据命名指南，一键即可使用</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 com-img-box">
                        <img src="./img/com.png" alt="">
                    </div>
                    <div class="col-md-4">
                        <div class="character-list">
                            <img src="./img/character3.png" alt="">
                            <div class="list-word">
                                <p>更规范</p>
                                <p>WHO/FDA/CDISC国际化规范，CFDA/GCP临床科研指引</p>
                            </div>
                        </div>
                        <div class="character-list">
                            <img src="./img/character1.png" alt="">
                            <div class="list-word">
                                <p>多中心</p>
                                <p>结构化、规范化的基础上更便捷的多中心扩展，规范化简易接口</p>
                            </div>
                        </div>
                        <div class="character-list">
                            <img src="./img/character2.png" alt="">
                            <div class="list-word">
                                <p>大数据</p>
                                <p>多项目集中管理，海量数据即时保存，零存整取的成果导向数据库</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- character end -->
    <!-- buy -->
    <div class="buy">
        <div class="container">
            <div class="buy-title">
                <p>哪里可以购买CDC？</p>
            </div>
            <button class="breathe-btn">
                <a href="buy.html">立即购买</a>
            </button>
        </div>
    </div>
    <!-- buy end -->
    <!-- footer -->
    <footer class="footer cdc-page">
        <div class="container">
            <div class="row">
                <div class="edc-left col-md-6 col-sm-6 hidden-xs">
                    <div>
                        <div class="pd10">
                            <img src="./img/footer-logo.png" class="footer-logo">
                        </div>
                        <div>
                            <p class="pd10">麦智医研</p>
                            <p>Mezicine</p>
                        </div>
                    </div>
                </div>
                <div class="edc-right col-md-6 col-sm-6">
                    <div>
                        <img src="./img/erweima.jpg" alt="" class="erweima">
                    </div>
                    <div class="edc-contact">
                        <p class="pd10 join">联系我们</p>
                        <p class="pd10" style="color:#fff;font-size:20px">182-2110-6655</p>
                        <p class="pd10">周一到周五 8:30-17:30</p>
                        <p>Email: <a href="mailto:xxx@xx.com" class="email">example@sss.com</a></p>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <div class="copyright">
        <p>Copyright © 2018 CSY All Rights Reserved. 沪20070219</p>
    </div>
    <!-- footer end -->
</body>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/Swiper/4.3.0/js/swiper.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.2/js/bootstrap.js"></script>
<!-- inject:js -->
<script src="./js/common.js"></script>
<!-- endinject -->
<!-- index:js -->
<script src="./js/index.js"></script>
<!-- endinject -->

</html>